Эта статья — перевод оригинальной статьи Ollie Williams «What’s New With Forms in 2022?«

Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов.

Вступление

Браузеры постоянно добавляют новые функции HTML, JavaScript и CSS. Вот несколько полезных дополнений к работе с формами, которые вы могли пропустить…

requestSubmit()

Safari 16 станет последним браузером, в котором будет добавлена поддержка requestSubmit.

Прежде чем мы рассмотрим, как работает .requestSubmit(), давайте напомним себе, как программная отправка формы с помощью JavaScript работает при использовании метода .submit(). Отправка формы с помощью submit() не вызывает событие submit. Таким образом, в следующем коде форма отправляется, функция preventDefault() не запускается, и в консоль ничего не записывается:

const form = document.forms[0]; form.addEventListener('submit', function(event) {   // code to submit the form goes here   event.preventDefault();